<script setup>
import { ref, toRefs } from 'vue';

const obj = ref({
    name: 'zs',
    age: 20
})
// 使用 toRefs 可以保证该对象展开的每个属性都是响应式的
const { age } = toRefs(obj.value)
console.log('age', age);
</script>

<template>
    <h1>Hello vue3</h1>
    <h1>{{ obj }}</h1>
    <h1>{{ obj.age }}</h1>
    <h1>{{ age }}</h1>
    <button @click="obj.age++">点我改年龄</button>
</template>
